﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="renderer" content="webkit">
    <title></title>
    <link rel="stylesheet" th:href="@{/css/pintuer.css}">
    <link rel="stylesheet" th:href="@{/css/admin.css}">
    <script th:src="@{/js/jquery.js}"></script>
    <script th:src="@{/js/pintuer.js}"></script>
</head>
<body>
<form method="post" action="" id="listform">
    <div class="panel admin-panel">
        <div class="panel-head"><strong class="icon-reorder"> 内容列表</strong> <a href=""
                                                                               style="float:right; display:none;">添加字段</a>
        </div>
        <div class="padding border-bottom">
            <ul class="search" style="padding-left:10px;">
                <li><a class="button border-main icon-plus-square-o" href="admin_add.html"> 添加管理员</a></li>
                <if condition="$iscid eq 1">
                    <li>
                        <select name="cid" class="input" style="width:200px; line-height:17px;"
                                onchange="changesearch()">
                            <option value="">请选择搜索类型</option>
                            <option value="">产品分类</option>
                            <option value="">产品分类</option>
                            <option value="">产品分类</option>
                            <option value="">产品分类</option>
                        </select>
                    </li>
                </if>
                <li>
                    <input type="text" placeholder="请输入搜索关键字" name="keywords" class="input"
                           style="width:250px; line-height:17px;display:inline-block"/>
                    <a href="javascript:void(0)" class="button border-main icon-search" onclick="changesearch()"> 搜索</a>
                    <a href="javascript:void(0)" class="button border-red icon-trash-o" onclick="DelSelect()"> 删除</a>
                </li>
            </ul>
        </div>
        <table class="table table-hover text-center">
            <tr>
                <th width="100" style="text-align:left; padding-left:20px;"><input type="checkbox" id="checkall"/>ID
                </th>
                <th width="10%" onclick="sorts()">排序</th>
                <th>图片</th>
                <th>名称</th>
                <th>属性</th>
                <th>分类名称</th>
                <th width="10%">更新时间</th>
                <th width="310">操作</th>
            </tr>
            <volist name="list" id="vo">
                <tr>
                    <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value=""/>
                        1
                    </td>
                    <td><input type="text" name="sort[1]" value="1"
                               style="width:50px; text-align:center; border:1px solid #ddd; padding:7px 0;"/></td>
                    <td width="10%"><img src="images/11.jpg" alt="" width="70" height="50"/></td>
                    <td>这是一套MUI后台精美管理系统，感谢您的支持</td>
                    <td><font color="#00CC99">首页</font></td>
                    <td>产品分类</td>
                    <td>2016-07-01</td>
                    <td>
                        <div class="button-group"><a class="button border-main" href="add.html"><span
                                class="icon-edit"></span> 修改</a> <a class="button border-red" href="javascript:void(0)"
                                                                    onclick="return del(1,1,1)"><span
                                class="icon-trash-o"></span> 删除</a></div>
                    </td>
                </tr>
                <tr>
                    <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value=""/>
                        1
                    </td>
                    <td><input type="text" name="sort[1]" value="1"
                               style="width:50px; text-align:center; border:1px solid #ddd; padding:7px 0;"/></td>
                    <td width="10%"><img src="images/11.jpg" alt="" width="70" height="50"/></td>
                    <td>这是一套MUI后台精美管理系统，感谢您的支持</td>
                    <td><font color="#00CC99">首页</font></td>
                    <td>产品分类</td>
                    <td>2016-07-01</td>
                    <td>
                        <div class="button-group"><a class="button border-main" href="add.html"><span
                                class="icon-edit"></span> 修改</a> <a class="button border-red" href="javascript:void(0)"
                                                                    onclick="return del(1,1,1)"><span
                                class="icon-trash-o"></span> 删除</a></div>
                    </td>
                </tr>
                <tr>
                    <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value=""/>
                        1
                    </td>
                    <td><input type="text" name="sort[1]" value="1"
                               style="width:50px; text-align:center; border:1px solid #ddd; padding:7px 0;"/></td>
                    <td width="10%"><img src="images/11.jpg" alt="" width="70" height="50"/></td>
                    <td>这是一套MUI后台精美管理系统，感谢您的支持</td>
                    <td><font color="#00CC99">首页</font></td>
                    <td>产品分类</td>
                    <td>2016-07-01</td>
                    <td>
                        <div class="button-group"><a class="button border-main" href="add.html"><span
                                class="icon-edit"></span> 修改</a> <a class="button border-red" href="javascript:void(0)"
                                                                    onclick="return del(1,1,1)"><span
                                class="icon-trash-o"></span> 删除</a></div>
                    </td>
                </tr>
                <tr>
                    <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value=""/>
                        1
                    </td>
                    <td><input type="text" name="sort[1]" value="1"
                               style="width:50px; text-align:center; border:1px solid #ddd; padding:7px 0;"/></td>
                    <td width="10%"><img src="images/11.jpg" alt="" width="70" height="50"/></td>
                    <td>这是一套MUI后台精美管理系统，感谢您的支持</td>
                    <td><font color="#00CC99">首页</font></td>
                    <td>产品分类</td>
                    <td>2016-07-01</td>
                    <td>
                        <div class="button-group"><a class="button border-main" href="add.html"><span
                                class="icon-edit"></span> 修改</a> <a class="button border-red" href="javascript:void(0)"
                                                                    onclick="return del(1,1,1)"><span
                                class="icon-trash-o"></span> 删除</a></div>
                    </td>
                </tr>
                <tr>
                    <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value=""/>
                        1
                    </td>
                    <td><input type="text" name="sort[1]" value="1"
                               style="width:50px; text-align:center; border:1px solid #ddd; padding:7px 0;"/></td>
                    <td width="10%"><img src="images/11.jpg" alt="" width="70" height="50"/></td>
                    <td>这是一套MUI后台精美管理系统，感谢您的支持</td>
                    <td><font color="#00CC99">首页</font></td>
                    <td>产品分类</td>
                    <td>2016-07-01</td>
                    <td>
                        <div class="button-group"><a class="button border-main" href="add.html"><span
                                class="icon-edit"></span> 修改</a> <a class="button border-red" href="javascript:void(0)"
                                                                    onclick="return del(1,1,1)"><span
                                class="icon-trash-o"></span> 删除</a></div>
                    </td>
                </tr>
                <tr>
                    <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value=""/>
                        1
                    </td>
                    <td><input type="text" name="sort[1]" value="1"
                               style="width:50px; text-align:center; border:1px solid #ddd; padding:7px 0;"/></td>
                    <td width="10%"><img src="images/11.jpg" alt="" width="70" height="50"/></td>
                    <td>这是一套MUI后台精美管理系统，感谢您的支持</td>
                    <td><font color="#00CC99">首页</font></td>
                    <td>产品分类</td>
                    <td>2016-07-01</td>
                    <td>
                        <div class="button-group"><a class="button border-main" href="add.html"><span
                                class="icon-edit"></span> 修改</a> <a class="button border-red" href="javascript:void(0)"
                                                                    onclick="return del(1,1,1)"><span
                                class="icon-trash-o"></span> 删除</a></div>
                    </td>
                </tr>

                <tr>
                    <td colspan="8">
                        <div class="pagelist"><a href="">上一页</a> <span class="current">1</span><a href="">2</a><a
                                href="">3</a><a href="">下一页</a><a href="">尾页</a></div>
                    </td>
                </tr>
            </volist>
        </table>
    </div>
</form>
<script type="text/javascript">

    //搜索
    function changesearch() {

    }

    //单个删除
    function del(id, mid, iscid) {
        if (confirm("您确定要删除吗?")) {

        }
    }

    //全选
    $("#checkall").click(function () {
        $("input[name='id[]']").each(function () {
            if (this.checked) {
                this.checked = false;
            } else {
                this.checked = true;
            }
        });
    })

    //批量删除
    function DelSelect() {
        var Checkbox = false;
        $("input[name='id[]']").each(function () {
            if (this.checked == true) {
                Checkbox = true;
            }
        });
        if (Checkbox) {
            var t = confirm("您确认要删除选中的内容吗？");
            if (t == false) return false;
            $("#listform").submit();
        } else {
            alert("请选择您要删除的内容!");
            return false;
        }
    }
</script>
</body>
</html>